<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>简化vue的创建</title>
</head>
<body>
<!--初始化容器-->
<div id="app">

</div>
<script src="../vue.js"></script>

<script>

    /*
    * 1.使用template完成内容编写时  需要有一个唯一的根节点
    * 2.使用template完成内容编写时  可以使用反引号完成  省去使用''字符串拼接的方式
    *
    * */
    const vm = new Vue({
        template:`
            <div>
                <h1>hello vue</h1>
                <h1>hello kgc</h1>
            </div>
        `,
        el:'#app'    //  实现vue实例和容器的绑定  等价与 vm.$mount('#app')
    })
</script>

</body>
</html>